<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div style="position: relative;width: 100%;overflow:scroll;
height:100%;color:white;display: flex;flex-direction: column;">
    <div style="position: absolute;z-index: 1;width:100%;height: 100%">
        <section style="margin-top: 8%">
            <p style="text-align:center;font-size: 20px">验证码 <span style="font-size: 24px;font-weight: bold;color:green">#(expirationTime)</span> 分钟内有效哦</p>
            <div style="display: flex;place-content: center;">
            <span style="background-color:#686767">
                <span style="font-size: 64px;font-weight: bolder;">
                    <span>>>>>>></span><span style="background-clip: text;color:transparent;background-image: linear-gradient(to left,#eeaeca, #94bbe9)">#(verificationCode)</span><span><<<<<<</span>
            </span>
            </span>
            </div>
        </section>

    </div>
    <video style="position:absolute;z-index: -1;width: 100%;height: 100%;object-fit: cover" autoplay loop>
        <source src="https://snowcrystal-source-bkt.oss-cn-shanghai.aliyuncs.com/a0de06c85fe554754dc0b9a375850ee3c21d8c64.mp4" type="video/mp4">
        <source src="https://snowcrystal-source-bkt.oss-cn-shanghai.aliyuncs.com/bf955aef9cfae289a5ccbb8657c17164b9d0a747.webm" type="video/webm">
    </video>
</div>
</body>
</html>